/*====================================================*/
/* common.css */
/*====================================================*/

/****** RESET CSS *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
*{list-style:none; padding:0; margin:0;}
b{
	font-weight:bold;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
    border: medium none;
    vertical-align: bottom;
}
/*====================*/

/**** clearfix ***/
.left{float:left; display:block;}
.right{float:right; display:block;}

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ display:inline-block; }
/*\*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/**/
/*====================*/

.m0{margin:0 !important;}
.mT0{margin-top:0 !important;}
.mR0{margin-right:0 !important;}
.mB0{margin-bottom:0 !important;}
.mL0{margin-left:0 !important;}
/* ------------------------- */
.p0{padding:0 !important;}
.pT0{padding-top:0 !important;}
.pR0{padding-right:0 !important;}
.pB0{padding-bottom:0 !important;}
.pL0{padding-left:0 !important;}
/* Hover */
a.opacity:hover img, .btn:hover {
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
}
a:link{ text-decoration:none;}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:active{ text-decoration:none;}
/*-------------------*/
.bold{font-weight:bold;}
.italic{font-style:italic;}
.boxborder{	
	border:1px solid #daeaf2;
	background-color:#fafcfc;
}
@font-face{
font-family: "zapfino extra lt four";
src: url("../font/zapfino-extra-lt-four.otf") format("truetype");
}